import React from 'react'
import Head from '../component/Head'
import styles from '../css/Notice.module.scss'
export default function Notice() {
    return (
        <div>
            <Head titleName='收藏通知'></Head>
            <div className={styles.notice_box}>
                <div className={styles.notice_box_ele}>
                    <div className={styles.ele_top}>
                        <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', width: '50%' }}>
                            <img style={{ width: '50px', height: '50px', borderRadius: '50px' }} src={require('../img/user.png')} alt='' />
                            <div style={{ fontSize: '18px', fontWeight: 'bold' }}>特立独行的猫</div>
                        </div>
                        <div style={{ color: '#999999', fontSize: '13px' }}>2018/02/25 16:18</div>
                    </div>
                    <div className={styles.ele_bottom}>
                        【倒计时4天】敢不敢来一场高逼格的文案创作大赛？详情请戳：<a href='http：//www.wen
                        an.com/enent'>http：//www.wen
                        an.com/enent</a>
                    </div>
                </div>
                <div className={styles.notice_box_ele}>
                    <div className={styles.ele_top}>
                        <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', width: '50%' }}>
                            <img style={{ width: '50px', height: '50px', borderRadius: '50px' }} src={require('../img/user.png')} alt='' />
                            <div style={{ fontSize: '18px', fontWeight: 'bold' }}>特立独行的猫</div>
                        </div>
                        <div style={{ color: '#999999', fontSize: '13px' }}>2018/02/25 16:18</div>
                    </div>
                    <div className={styles.ele_bottom}>
                        【倒计时4天】敢不敢来一场高逼格的文案创作大赛？详情请戳：<a href='http：//www.wen
                        an.com/enent'>http：//www.wen
                        an.com/enent</a>
                    </div>
                </div>
                <div className={styles.notice_box_ele}>
                    <div className={styles.ele_top}>
                        <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', width: '50%' }}>
                            <img style={{ width: '50px', height: '50px', borderRadius: '50px' }} src={require('../img/user.png')} alt='' />
                            <div style={{ fontSize: '18px', fontWeight: 'bold' }}>特立独行的猫</div>
                        </div>
                        <div style={{ color: '#999999', fontSize: '13px' }}>2018/02/25 16:18</div>
                    </div>
                    <div className={styles.ele_bottom}>
                        【倒计时4天】敢不敢来一场高逼格的文案创作大赛？详情请戳：<a href='http：//www.wen
                        an.com/enent'>http：//www.wen
                        an.com/enent</a>
                    </div>
                </div>
                <div></div>
            </div>
            <div style={{ textAlign: 'center', marginTop: "15px", color: "#D7DAE3" }}>没有了~</div>
        </div>
    )
}
